/**
 * Created by a1 on 16/9/20.
 */
$(function () {
    'use strict';
    $(window).on('pageLoadComplete', function() {
        console.log("=====pageLoadComplete ==" + location.pathname)
        if(location.pathname.indexOf("search.html") > 0) {
            initSearch()
        }else if(location.pathname.indexOf("list.html") > 0) {
            initList()
        }else if(location.pathname.indexOf("detail.html") > 0) {
            initDetail()
        }
    });

    $(document).on("pageInit", function(e, pageId, page) {
        console.log("pageInit id = " + pageId)
        if(pageId == "dm_page_main") {
            onShowMain()
        }else if(pageId == "dm_page_search") {
            onShowSearch()
        }else if(pageId == "dm_page_list") {
            onShowList()
        }else if(pageId == "dm_page_detail") {
            onShowDetail()
        }
    })

    //$(window).on("pageRemoved", function(e, pageId, page) {
    //    console.log("pageRemoved id = " + pageId)
    //})

    //$(document).on("beforePageSwitch", function(e, pageId, page) {
    //    console.log("beforePageSwitch id = " + pageId)
    //})
    //
    //$(document).on("pageAnimationStart", function(e, pageId, page) {
    //    console.log("pageAnimationStart id = " + pageId)
    //})
    //
    //$(document).on("pageAnimationEnd", function(e, pageId, page) {
    //    console.log("pageAnimationEnd id = " + pageId)
    //})

    initMain()
    $.smConfig.routerFilter = function($link) {
        // 某个区域的 a 链接不想使用路由功能
        console.log("router ============== " + $link.attr("href"))
        if($link.attr("href").indexOf("detail.html") > 0) {
            return false
        }
        return true;
    }
    $.init()
})


var Size = 5
var arrayData
var isRefresh
var isLoading

var nodeMain0Refresh
var nodeMain0Load
var nodeMain0List

function initMain() {
    console.log("init main")
    initTab0()
    initTab1()
    initTab2()
}

function onShowMain() {
    nodeMain0Refresh = $("#dm_main_content_0")
    nodeMain0Load = $("#dm_main_tab_0")
    nodeMain0List = $("#dm_main_content_0_list")
    //添加下拉刷新回调
    bindMainRefersh()

    if(arrayData == null || arrayData.length == 0) {
        //自动下拉加载数据
        $.pullToRefreshTrigger(nodeMain0Refresh)
    }else {
        bindMainLoadMore()
    }
}

//初始化资讯
function initTab0 () {
    isLoading = false
    arrayData = new Array()
}

function bindMainRefersh() {
    bindRefresh(nodeMain0Refresh, function() {
        isRefresh = true
        apiTab0List()
    })
}

function bindMainLoadMore() {
    addLoadMore(nodeMain0Load)
    bindLoadMore($("#dm_page_main"), function() {
        var id = $(this).find('.infinite-scroll.active').attr('id')
        if(id == "dm_main_tab_0") {
            isRefresh = false
            apiTab0List()
        }
    })
}

function apiTab0List() {
    if(isLoading) {
        return
    }
    //console.log("apiTab0List")
    isLoading = true
    var url = "../test/data"
    $.getJSON(url, function(data) {
        isLoading = false
        $.pullToRefreshDone(nodeMain0Refresh)
        $.refreshScroller()
        var length = data.length
        //console.log("data = " + length)
        if(isRefresh) {
            if(length > 0) {
                arrayData.length = 0
                nodeMain0List.html("")
            }
            if(length >= Size) {
                bindMainLoadMore()
            }
        }
        if(length < Size) {
            removeLoadMore(nodeMain0Load)
        }
        arrayData = arrayData.concat(data)
        for(var  i = 0; i < length; ++i) {
            //addTab0ListItem(nodeMain0List, data[i])
            var itemData = data[i]
            addListItem(nodeMain0List, itemData, "1", function() {
                toDetail(itemData)
            })
        }
        $.refreshScroller()
    })
}

//初始化理财
function initTab1() {
    addMainTab1()
}

function addMainTab1() {
    var nodeGrid = $("#dm_main_content_1_grid")
    var array = [
        {"title":"FOF系列","img":"../image/cai_pic1.png"},
        {"title":"定投系列","img":"../image/cai_pic2.png"},
        {"title":"分级系列","img":"../image/cai_pic3.png"},
        {"title":"投资攻略","img":"../image/cai_pic4.png"},
        {"title":"投资安全","img":"../image/cai_pic5.png"},
        {"title":"投教专栏","img":"../image/cai_pic6.png"},
    ]
    var row
    for(var i = 0; i < array.length; ++i) {
        if(i % 3 == 0) {
            row = $("<div></div>")
            row.addClass("row")
            row.addClass("no-gutter")
            nodeGrid.append(row)
        }
        addMainTab1Item(row, array[i])
    }
}

function addMainTab1Item(parent, data) {
    var item = $("<a href='list.html' data-no-cache='true'></a>")
    item.addClass("col-33")
    var height = $(window).width() * 0.33
    item.css({
        height: height + 'px'
    })
    var img = $("<img src='"+ data["img"] + "'/>")
    var title = $("<div>" + data["title"] + "</div>")
    item.append(img)
    item.append(title)
    parent.append(item)
}

//初始化理财
function initTab2() {
    addMainTab2()
}

function addMainTab2() {
    var nodeParent = $("#dm_main_content_2")
    var data = {}
    data["img"] = "http://img4.imgtn.bdimg.com/it/u=1664474988,3701718926&fm=11&gp=0.jpg"
    for(var i = 0; i < 3; ++i) {
        data["title"] = "各种系列" + i
        addMainTab2Item(nodeParent, data)
    }
}

function addMainTab2Item(parent, data) {
    //var item = $("<a href='list.html'></a>")
    //item.addClass("dm_main_content_2_category")
    //var img = $("<img src='"+ data["img"] + "'/>")
    //var title = $("<a>" + data["title"] + "</a>")
    //item.append(img)
    //item.append(title)
    //parent.append(item)

    var item = $("<div class='dm_main_content_2_category'></div>")
    var link = $("<a href='list.html'></a>")
    var img = $("<img src='"+ data["img"] + "'/>")
    var title = $("<span>" + data["title"] + "</span>")
    link.append(img)
    item.append(link)
    item.append(title)
    parent.append(item)
}

//PageMain = {
//    Size: 5,
//    arrayData: new Array(),
//    isRefresh: false,
//    isLoading: false,
//
//    nodeMain0Refresh: Object,
//    nodeMain0Load: Object,
//    nodeMain0List: Object,
//
//    init: function () {
//        this.initTab0()
//        this.initTab1()
//        this.initTab2()
//    },
//
//    onShow: function () {
//        this.isLoading = false
//        this.nodeMain0Refresh = $("#dm_main_content_0")
//        this.nodeMain0Load = $("#dm_main_tab_0")
//        this.nodeMain0List = $("#dm_main_content_0_list")
//        bindRefresh(this.nodeMain0Refresh, function () {
//            PageMain.isRefresh = true
//            PageMain.apiTab0List()
//        })
//        if (this.arrayData == null || this.arrayData.length == 0) {
//            //自动下拉加载数据
//            $.pullToRefreshTrigger(this.nodeMain0Refresh)
//        }
//    },
//
////初始化资讯
//    initTab0: function () {
//
//
//        //添加下拉刷新回调
//        //bindRefresh(this.nodeMain0Refresh, function () {
//        //    PageMain.isRefresh = true
//        //    PageMain.apiTab0List()
//        //})
//    },
//
//    apiTab0List: function () {
//        if (this.isLoading) {
//            return
//        }
//        this.isLoading = true
//        var url = "../test/data"
//        $.getJSON(url, function (data) {
//            PageMain.isLoading = false
//            $.pullToRefreshDone(PageMain.nodeMain0Refresh)
//            $.refreshScroller()
//            var length = data.length
//            console.log("data = " + length)
//            if (PageMain.isRefresh) {
//                if (length > 0) {
//                    PageMain.arrayData.length = 0
//                    PageMain.nodeMain0List.html("")
//                }
//                if (length >= PageMain.Size) {
//                    addLoadMore(PageMain.nodeMain0Load)
//                    bindLoadMore($("#dm_page_main"), function () {
//                        var id = $(this).find('.infinite-scroll.active').attr('id')
//                        if (id == "dm_main_tab_0") {
//                            PageMain.isRefresh = false
//                            PageMain.apiTab0List()
//                        }
//                    })
//                }
//            }
//            if (length < PageMain.Size) {
//                removeLoadMore(PageMain.nodeMain0Load)
//            }
//            PageMain.arrayData = PageMain.arrayData.concat(data)
//            for (var i = 0; i < length; ++i) {
//                var itemData = data[i]
//                addListItem(PageMain.nodeMain0List, itemData, "1")
//            }
//            $.refreshScroller()
//        })
//    },
//
////初始化理财
//    initTab1: function () {
//        this.addMainTab1()
//    },
//
//    addMainTab1: function () {
//        var nodeGrid = $("#dm_main_content_1_grid")
//        var array = [
//            {"title": "FOF系列", "img": "../image/cai_pic1.png"},
//            {"title": "定投系列", "img": "../image/cai_pic2.png"},
//            {"title": "分级系列", "img": "../image/cai_pic3.png"},
//            {"title": "投资攻略", "img": "../image/cai_pic4.png"},
//            {"title": "投资安全", "img": "../image/cai_pic5.png"},
//            {"title": "投教专栏", "img": "../image/cai_pic6.png"},
//        ]
//        var row
//        for (var i = 0; i < array.length; ++i) {
//            if (i % 3 == 0) {
//                row = $("<div></div>")
//                row.addClass("row")
//                row.addClass("no-gutter")
//                nodeGrid.append(row)
//            }
//            this.addMainTab1Item(row, array[i])
//        }
//    },
//
//    addMainTab1Item: function (parent, data) {
//        var item = $("<div></div>")
//        item.addClass("col-33")
//        var height = $(window).width() * 0.33
//        item.css({
//            height: height + 'px'
//        })
//        var img = $("<img src='" + data["img"] + "'/>")
//        var title = $("<div>" + data["title"] + "</div>")
//        item.append(img)
//        item.append(title)
//        parent.append(item)
//        item.click(function () {
//            toList(1, data)
//        })
//    },
//
////初始化理财
//    initTab2: function () {
//        this.addMainTab2()
//    },
//
//    addMainTab2: function () {
//        var nodeParent = $("#dm_main_content_2")
//        var data = {}
//        data["img"] = "http://img4.imgtn.bdimg.com/it/u=1664474988,3701718926&fm=11&gp=0.jpg"
//        for (var i = 0; i < 3; ++i) {
//            data["title"] = "各种系列" + i
//            this.addMainTab2Item(nodeParent, data)
//        }
//    },
//
//    addMainTab2Item: function (parent, data) {
//        var item = $("<div onclick='click()'></div>")
//        item.addClass("dm_main_content_2_category")
//        var img = $("<img src='" + data["img"] + "'/>")
//        var title = $("<div>" + data["title"] + "</div>")
//        item.append(img)
//        item.append(title)
//        parent.append(item)
//        function click () {
//            console.log("clickccc")
//            //toList(2, data)
//        }
//    }
//}

//function PageMain() {
//    var Size = 5
//    var arrayData
//    var isRefresh
//    var isLoading
//
//    var nodeMain0Refresh
//    var nodeMain0Load
//    var nodeMain0List
//}
//
//PageMain.prototype.init = function() {
//    this.initTab0()
//    this.initTab1()
//    this.initTab2()
//}
//
//PageMain.prototype.onShow = function() {
//    if(this.arrayData == null || this.arrayData.length == 0) {
//        //自动下拉加载数据
//        $.pullToRefreshTrigger(this.nodeMain0Refresh)
//    }
//}
//
////初始化资讯
//PageMain.prototype.initTab0 = function() {
//    this.isLoading = false
//    this.arrayData = new Array()
//    this.nodeMain0Refresh = $("#dm_main_content_0")
//    this.nodeMain0Load = $("#dm_main_tab_0")
//    this.nodeMain0List = $("#dm_main_content_0_list")
//
//    //添加下拉刷新回调
//    bindRefresh(this.nodeMain0Refresh, this.refresh())
//}
//
//PageMain.prototype.refresh = function() {
//    this.isRefresh = true
//    this.apiTab0List()
//}
//
//PageMain.prototype.apiTab0List = function() {
//    if(this.isLoading) {
//        return
//    }
//    console.log("apiTab0List")
//    this.isLoading = true
//    var url = "../test/data"
//    $.getJSON(url, this.loadDataDone)
//}
//
//PageMain.prototype.loadDataDone = function(data) {
//    this.isLoading = false
//    $.pullToRefreshDone(this.nodeMain0Refresh)
//    $.refreshScroller()
//    var length = data.length
//    //console.log("data = " + length)
//    if(this.isRefresh) {
//        if(length > 0) {
//            arrayData.length = 0
//            this.nodeMain0List.html("")
//        }
//        if(length >= Size) {
//            addLoadMore(this.nodeMain0Load)
//            bindLoadMore($("#dm_page_main"), function() {
//                var id = $(this).find('.infinite-scroll.active').attr('id')
//                if(id == "dm_main_tab_0") {
//                    isRefresh = false
//                    this.apiTab0List()
//                }
//            })
//        }
//    }
//    if(length < this.Size) {
//        removeLoadMore(this.nodeMain0Load)
//    }
//    this.arrayData = this.arrayData.concat(data)
//    for(var  i = 0; i < length; ++i) {
//        //addTab0ListItem(nodeMain0List, data[i])
//        var itemData = data[i]
//        addListItem(this.nodeMain0List, itemData, "1", function() {
//            toDetail(itemData)
//        })
//    }
//    $.refreshScroller()
//}
//
////初始化理财
//PageMain.prototype.initTab1 = function() {
//    this.addMainTab1()
//}
//
//PageMain.prototype.addMainTab1 = function() {
//    var nodeGrid = $("#dm_main_content_1_grid")
//    var array = [
//        {"title":"FOF系列","img":"../image/cai_pic1.png"},
//        {"title":"定投系列","img":"../image/cai_pic2.png"},
//        {"title":"分级系列","img":"../image/cai_pic3.png"},
//        {"title":"投资攻略","img":"../image/cai_pic4.png"},
//        {"title":"投资安全","img":"../image/cai_pic5.png"},
//        {"title":"投教专栏","img":"../image/cai_pic6.png"},
//    ]
//    var row
//    for(var i = 0; i < array.length; ++i) {
//        if(i % 3 == 0) {
//            row = $("<div></div>")
//            row.addClass("row")
//            row.addClass("no-gutter")
//            nodeGrid.append(row)
//        }
//        this.addMainTab1Item(row, array[i])
//    }
//}
//
//PageMain.prototype.addMainTab1Item = function(parent, data) {
//    var item = $("<div></div>")
//    item.addClass("col-33")
//    var height = $(window).width() * 0.33
//    item.css({
//        height: height + 'px'
//    })
//    var img = $("<img src='"+ data["img"] + "'/>")
//    var title = $("<div>" + data["title"] + "</div>")
//    item.append(img)
//    item.append(title)
//    parent.append(item)
//    item.click(function(){
//        toList(1, data)
//    })
//}
//
////初始化理财
//PageMain.prototype.initTab2 = function() {
//    this.addMainTab2()
//}
//
//PageMain.prototype.addMainTab2 = function() {
//    var nodeParent = $("#dm_main_content_2")
//    var data = {}
//    data["img"] = "http://img4.imgtn.bdimg.com/it/u=1664474988,3701718926&fm=11&gp=0.jpg"
//    for(var i = 0; i < 3; ++i) {
//        data["title"] = "各种系列" + i
//        this.addMainTab2Item(nodeParent, data)
//    }
//}
//
//PageMain.prototype.addMainTab2Item = function(parent, data) {
//    var item = $("<div></div>")
//    item.addClass("dm_main_content_2_category")
//    var img = $("<img src='"+ data["img"] + "'/>")
//    var title = $("<div>" + data["title"] + "</div>")
//    item.append(img)
//    item.append(title)
//    parent.append(item)
//    item.click(function(){
//        toList(2, data)
//    })
//}




